﻿<UserControl x:Class="Clancy.Ui.Controls.RecordingThumbnail"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:design="clr-namespace:Clancy.Ui.ViewModels.Design"
             mc:Ignorable="d" 
             d:DataContext="{d:DesignInstance design:RecordingThumbnailViewModelMock, IsDesignTimeCreatable=True}"
             d:DesignHeight="180" d:DesignWidth="180">
    <Grid>
        <Border BorderBrush="Black" BorderThickness="1" CornerRadius="4" Padding="5" Background="#FFD8D8D8">
            <DockPanel LastChildFill="True">

                <Grid DockPanel.Dock="Bottom">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>

                    <Grid.RowDefinitions>
                        <RowDefinition  />
                        <RowDefinition  />
                        <RowDefinition  />
                    </Grid.RowDefinitions>

                    <Label Grid.Column="0" Grid.Row="0" Content="Surveilance:" FontSize="9" Padding="1" FontWeight="Bold" />
                    <Label Grid.Column="0" Grid.Row="1" Content="Timestamp:" FontSize="9" Padding="1" FontWeight="Bold" />
                    <Label Grid.Column="0" Grid.Row="2" Content="Duration:" FontSize="9" Padding="1" FontWeight="Bold" />

                    <Label Grid.Column="1" Grid.Row="0" Content="{Binding SurveilanceName}" FontSize="9" Padding="1" />
                    <Label Grid.Column="1" Grid.Row="1" Content="{Binding Timestamp}" FontSize="9" Padding="1" />
                    <Label Grid.Column="1" Grid.Row="2" Content="{Binding Duration}" FontSize="9" Padding="1" />

                </Grid>


                <Border BorderBrush="White" BorderThickness="1" Margin="0,0,0,5" CornerRadius="2" Background="Black">
                    <Image Source="{Binding Thumbnail}" />
                </Border>
            </DockPanel>
        </Border>
    </Grid>
</UserControl>
